<template>
  <div class="experience">
    <ul>
    <li v-for="item in exp">
    <img :src="item.url" style="width:100%">
    <span class="title">时间：</span>
    <p><span class="title">简介:{{item.content}}</span></p>
    <p><span class="title">主要任务:</span></p>
    </li>
    </ul>
   </div>
</template>

<script>
import axios from 'axios';
export default {
  data () {
    return {
    exp:""
    }
  },
  methods:{

    getData(){
  var that=this;
  axios.get('http://localhost:3000/jinli')
  .then(function (response) {
   console.log(response.data)
   console.log(that)
   that.exp=response.data
  
  })
  .catch(function (error) {
    console.log(error);
  });
  
      }
  },
 created(){
   this.getData();
  }
}
</script>

<style lang="scss" >
body{
  margin:0;
  padding:0;
}
.experience{
   padding-top:20px;
}
ul{
  list-style:none;
  padding:0;
  margin:0;
  padding:20px 0;
}
li{
  border:1px solid #e8e8e8;
   box-shadow: 10px 10px 5px #888888;
   margin-bottom:10px;
}
.title{
  font-size:14px;
  margin-left:10px
}
p{
  padding:0 5px;
}

</style>
